/*==========================
    *採用ページのCSS
============================*/

/*==========================
    *一覧
============================*/

/*ページ全体*/
/*
.recruit_page2{
	width: 100%;
	height: 100%;
	margin: 10% auto 0;
}*/

.recruit_page{
	width: 100%;
	height: auto;
	min-height: 70vh;
	overflow: hidden;
	position: relative;
	text-align: center;
}

/*リンク配置場所*/
.recruit{
	width: 80%;
	max-width: 640px;
	height: 80%;
	max-height: 420px;
	margin: 10% auto 15%;
}

/*リンク本体*/
.recruit_link{
	background-color:#06AED5;
	height: 100%;
	width: 44%;
	text-align: center;
	display:inline-block;
	letter-spacing:normal;
	margin: 2%;
	box-shadow: 0px 4px 12px #02222d;
}

.recruit a{
	text-decoration: none;
	transition: all 220ms ease-out;
}

/*リンクの文字(文字背景含)*/
.recruit p{
		background: -webkit-repeating-linear-gradient(-45deg, #086788, #086788 5px,#086b8c 5px, #086b8c 10px);
		background: repeating-linear-gradient(-45deg, #086788, #086788 5px,#086b8c 5px, #086b8c 10px);
	float: center;
	color: #ffffff;
	font-size: 24px;
	padding: 8%;
	letter-spacing: 3px;
	font-weight: bolder;
}

/*リンクの画像*/
.recruit img{
    width: 90%;
	height: auto;
    margin: 10% auto;
    
}


/*==========================
    *新卒
============================*/

/*ページ全体*/
.new{
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*募集要項*/
.new_guidelines{
	width: 100%;
	padding: 140px 22% 120px;
	box-sizing: border-box;
	display: inline-block;
	height: auto;
	overflow: hidden;
}

/*応募の流れ*/
.new_nagare{
	width: 100%;
	background:url(../images/recruit/new_h.png) repeat center top; 
	background-size: 180px;
	background-color: #fffcc9;
	padding: 100px 22% 120px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	z-index: 1;
	height: auto;
	overflow: hidden;
}

/*応募の流れのタイトル装飾*/
.new_nagare h2{
	background-color: #a28505;
	border-bottom: solid 5px #F0C808;
	z-index: 2;
}

.new_nagare h2:before {
	border-left: solid 40px #fffcc9;
}

/*会社説明会・インターンシップのページへのボタン*/
.new_yellow{
	width: 100%;
	height: auto;
		background: -webkit-repeating-linear-gradient(-45deg, #F0C808, #F0C808 10px,#f0d120 10px, #f0d120 20px);
		background: repeating-linear-gradient(-45deg, #F0C808, #F0C808 10px,#f0d120 10px, #f0d120 20px);
	padding: 30px;
	margin: 0 0 40px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	box-shadow: 0px 4px 12px #826b04;
}

.new_yellow p{
	color: #19242E;
	font-size: 20px;
	font-weight: bolder;
}

/*白い枠*/
.new_siro{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	padding: 20px 30px;
	box-sizing: border-box;
	display: inline-block;
}

.new_tyusin{
	text-align: center;
	font-size: 20px;
	color: #06AED5;
}

.new_siro img{
	width: 100%;
}

h4{
	font-weight: bolder;
	color: #a28505;
	font-size: 20px;
}

/*矢印パーツ*/
.new_yajirushi{
	width: 0px;
	border-color: #F0C808;
	border-style: solid;
	border-width: 20px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	margin: 15px auto 0;
}


/*採用実績*/
.iro2{
	font-color: #FFFFFF;
	background-color:#06AED5;
	margin: 40px 0 0;
	padding:12px;
}

.iro2 p{
	color: #FFFFFF;
}

.iro2 h3{
	color: #FFFFFF;
	padding: 0 5px;
}



/*==========================
    *中途
============================*/

/*ページ全体*/
.halfway{
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*募集要項*/
.hw_guidelines{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 140px 22% 120px;
	box-sizing:border-box;
	display:inline-block;
	
}

.hw_waku{
    padding: 8px 19px;
    margin: 2em 0 5px;
    background: #e9ffff;
    border-top: solid 5px #b9f4ff;
    border-bottom: solid 5px #b9f4ff;
}

/*職種別要項(旧：職種紹介)*/
.hw_syokusyu{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 80px 0 30px;
	box-sizing:border-box;
	display:inline-block;
	background-color: #fffcc9;
	position: relative;
	z-index: 1;
	font-size: 16px;
}

/*職種別要項のタイトル装飾*/
.hw_syokusyu h2{
	background-color: #a28505;
	border-bottom: solid 5px #F0C808;
	z-index: 2;
}

.hw_syokusyu h2:before {
	border-left: solid 40px #fffcc9;
}

.hw_syokusyu2{
	width: 100%;
	height: auto;
	background-color: #de9a23;
	padding: 20px 0;
	box-sizing:border-box;
	display:inline-block;
	text-align: center;
}

.hw_syoku_moji{
	padding: 0 22%;
}

.hw_syoku_moji2{
	padding: 0 22%;
}

.hw_syokusyu img{
	width: 33%;
	min-width: 150px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	letter-spacing:normal;
}

.hw_syoku_moji3{
	width: 60%;
	min-width: 160px;
	height: auto;
	padding: 20px 0 70px 5%;
	display: inline-block;
	vertical-align: middle;
}

.hw_syoku_moji2 h4{
	color: #635002;
	background: linear-gradient(transparent 70%, #ebee3c 70%);
	padding: 10px 0 0;
}


h5{
	font-size: 26px;
	color: #FFFFFF;
	font-weight: bolder;
}

/*応募の流れ*/
.hw_nagare{
	width: 100%;
	background:url(../images/recruit/hw_h.png) repeat center top; 
	background-size: 180px;
	background-color: #b9f4ff;
	padding: 100px 22% 120px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	z-index: 1;
	height: auto;
	overflow: hidden;
	font-size: 16px;
}

.hw_nagare h2{
	background-color: #086788;
	border-bottom: solid 5px #06AED5;
	z-index: 2;
}

.hw_nagare h2:before {
	border-left: solid 40px #b9f4ff;
}

.hw_nagare h4{
	font-weight: bolder;
	color: #06AED5;
	font-size: 20px;
}

.hw_siro{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	padding: 20px 30px;
	box-sizing: border-box;
	display: inline-block;
}

.hw_siro img{
	width: 100%;
}

.hw_tyusin{
	text-align: center;
	font-size: 20px;
	color: #FC2A38;
}

.hw_yajirushi{
	width: 0px;
	border-color: #06AED5;
	border-style: solid;
	border-width: 20px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	margin: 15px auto 0;
}

/*inline要素で浮く部分を修正するdiv*/
.kuhaku_ume{
	font-size: 0px;
}

/*==========================
    *会社説明会＆インターンシップ
============================*/
/*ページ全体*/
.recruit_intern{
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*タイトル部分*/
.int_title{
	width: 100%;
	height: 100%;
	background:url(../images/recruit/tai2.png) no-repeat center 50px; 
	background-size: 120% auto;
	z-index: 0;	
	background-attachment: fixed;
	text-align:center;
}

.haba{
	padding: 150px 4%;
}

.recruit_intern h1{
	padding: 15px 0;
	text-shadow:
		2px 2px 5px #FFFFFF, -2px -2px 5px #FFFFFF, 2px -2px 5px #FFFFFF, -2px 2px 5px #FFFFFF,
		2px 2px 5px #FFFFFF, -2px -2px 5px #FFFFFF, 2px -2px 5px #FFFFFF, -2px 2px 5px #FFFFFF;
}

/*マウスオーバーでページ内リンクの文字の色を変える*/

.int_title a:link {
	text-decoration:none;
	color: #19242E;
}

.int_title a:visited {
	text-decoration:none;
	color: #19242E;
}

.int_title a:hover {
	text-decoration:none;
	color: #FC2A38;
}

/*内容*/
.int_setumei{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 120px 22% 100px;
	box-sizing:border-box;
	display:inline-block;
}

.int_setumei h2{
	background-color: #9d1922;
	border-bottom: solid 5px #FC2A38;
}

.int_setumei img{
	width: auto;
	min-width: 200px;
	height: auto;
	padding: 30px 0;
}

.setumei2{
	margin: 0 5%;
}

/*==========================
    *共通
============================*/

/*タイトル部分*/
.title{
	width: 100%;
	height: auto;
	background:url(../images/recruit/aohaikei.png) no-repeat center 90px; 
	background-size: 100% auto;
	z-index: 0;
	background-attachment: fixed;
	text-align:center;
}

h1{
	font-size: 40px;
	font-weight: bolder;
	color: #ffffff;
	padding: 150px 0 200px;
	letter-spacing: 18px;
	text-shadow: 0px 4px 12px #02222d;
}

h2{
	font-weight: bolder;
	position: relative;
	padding: 5px 5px 5px 45px;
	background-color: #19242E;
	font-size: 30px;
	color: white;
	margin-left: -33px;
	line-height: 1.3;
	border-bottom: solid 5px #086788;
	z-index: 2;
}

h2:before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px white;
	border-bottom: solid 79px transparent;
	z-index:1;
}

h3{
	font-weight: bolder;
	color: #06AED5;
	font-size: 20px;
	padding: 25px 0 0;
}

.setumei{
	margin: 40px auto 0;
}

.minititle{
	font-weight: bolder;
	color: #086788;
	padding: 12px 0 0;
}

.iro{
	background-color:#e9ffff;
	margin: 7px 0;
	padding: 12px;
}

/*メールアドレスの色変え*/
.mail{
	color: #FC2A38;
}

/*ページ全体の文字の太さ*/
p{
	font-weight: 500;
}

/*応募方法*/
.oubo{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 120px 22% 150px;
	box-sizing: border-box;
	display: inline-block;
}

a{
	transition: all 220ms ease-out;
}

/*マウスオーバーでリンク文字の色を変える*/
a:link {
	text-decoration:none;
	color: #06AED5;
}

a:visited {
	text-decoration:none;
	color: #06AED5;
}

a:hover {
	text-decoration:none;
	color: #FC2A38;
}

/*マウスオーバーで薄くする*/
.botan:hover{
	opacity: 0.6;
}

.botan{
	transition: opacity 0.3s ease-out;
}


/*リンクの下に線*/
.oubo a, .setumei2 a, .new_nagare a{
	text-decoration: underline;
}


/*折り畳みチェックマークを消す*/
.accbox input{
	display: none;
}

/*PC版非表示でスマホ版表示*/
.sumaho{
	display: none;
}

.sumaho_page2{
	display: none;
}

/*==========================
    *スマホ版
============================*/
@media screen and (max-width: 980px) {

/*------------------採用TOP---------------------*/
.sumaho_page2{
	width: 100%;
	height: 100%;
	display:inline-block;
	margin: 80px 0 -120px;
}

.sumaho_page{
	display: inline;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: auto;
}

.sumaho_link{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align:center;
background: -moz-linear-gradient(to right, rgb(9, 120, 157), #0db4eb);
background: -webkit-linear-gradient(to right, rgb(9, 120, 157), #0db4eb);
background: linear-gradient(to right, rgb(9, 120, 157), #0db4eb);
	margin: 20px 0 0;
}

.sumaho_page img{
	width: 30%;
	max-width: 200px;
	height: auto;
	display: inline;
	margin:2%;
}

.sumaho_page p{
	display:inline-block;
	vertical-align: middle;
	font-size: 7vw;
	font-weight: bolder;
	text-shadow: 0px 4px 12px #02222d;
}

.sumaho_page a:link {
	text-decoration:none;
	color: #ffffff;
}

.sumaho_page a:visited {
	text-decoration:none;
	color: #ffffff;
}

.sumaho_page a:hover {
	text-decoration:none;
	color: #ffffff;
}

.recruit_page2{
	display: none;
}



/*新卒・タイトル部分*/
.new .title{
	width: 100%;
	height: auto;
	background:url(../images/recruit/ao1.png) no-repeat center 38px; 
	background-size: 110% auto;
	z-index: 0;
	background-attachment: fixed;
	text-align:center;
}

h1{
	padding: 70% 0 20%;
	letter-spacing: 12px;
}

/*中途・タイトル部分*/
.halfway .title{
	width: 100%;
	height: auto;
	background:url(../images/recruit/ao2.png) no-repeat center 38px; 
	background-size: 110% auto;
	z-index: 0;
	background-attachment: fixed;
	text-align:center;
}

/*説明会＆インターン・タイトル部分*/
.recruit_intern{
	width: 100%;
	min-height: 100%;
	height: auto;
	overflow: hidden;
}

.int_title{
	width: 100%;
	height: auto;
	background:url(../images/recruit/tai2.png) no-repeat center top; 
	background-size: 200% auto;
	z-index: 0;	
	background-attachment: fixed;
	text-align:center;
}

.haba{
	padding: 110px 4%;
}

.int_title h1{
	padding: 15px 0;
	font-size: 35px;
	letter-spacing: 5px;
}

.recruit_intern h2{
	font-size: 25px;
}

/*新卒・募集要項*/
.new_guidelines{
	padding: 30px 0px 40px;
}

/*採用実績*/
.iro2{
	margin: 20px 0 0;
	padding: 10px 4%;
}

.iro2 h3{
	padding: 0;
}

.iro2 p{
	padding: 0;
}

/*応募の流れ*/
.new_nagare{
	padding: 30px 0 40px;
}

.new_nagare .setumei{
	margin: 20px 4% 0;
}

/*会社説明会・インターンシップのページへのボタン*/
.new_yellow{
	padding: 15px 4%;
}

.new_yellow p{
	padding: 0;
}

/*白い枠*/
.new_siro{
	padding: 15px 4%;
}

.new_siro p{
	padding: 0;
}

/*応募方法*/
.oubo{
	padding: 30px 0 50px;
}

/*中途・募集要項*/
.hw_guidelines{
	padding: 30px 0px 40px;
}

.hw_waku{
    padding: 8px 0;
}

/*職種別要項*/
.hw_syokusyu{
	padding: 30px 0px 40px;
}

.hw_syoku_moji{
	padding: 0;
}

.hw_syokusyu2{
	padding: 10px 4%;
	margin: 0 0 20px;
}

.hw_syoku_moji2{
	padding: 0px 4% 50px;
	text-align:center;
}

.hw_syoku_moji2 p{
	padding: 0;
}

.hw_syoku_moji3{
	width: 100%;
	height: auto;
	padding: 0;
	display: inline;
	vertical-align: baseline;
	text-align: start;
}

.hw_nagare{
	padding: 30px 0px 40px;
}

.hw_siro{
	width: 92%;
	padding: 10px 0;
	margin: 0 4%;
}

/*説明会＆インターン*/
.int_setumei{
	padding: 15px 0 30px;
}

.setumei2{
	margin: 0 4%;
}

.setumei2 p{
	padding: 0;
}

/*------------------共通---------------------*/
h2{
	font-size: 25px;
	padding: 6px 4%;
	margin-left: 0px;
	line-height: 1.5;
}

h2:before{
	display: none;
}

h3{
	padding: 20px 4% 0;
}

h4{
	padding: 0;
}

h5{
	font-size: 20px;
}

.hw_nagare h4{
	padding: 0 4%;
}

p{
	padding: 0 4%;
}

.ctext p{
	padding: 0;
}

.minititle{
	padding: 0 4%;
}

.iro{
	margin: 20px 0 30px;
	padding: 10px 0;
}

/*リンクのマウスオーバーを消す*/

a:link {
	color: #06AED5;
}

a:visited {
	color: #06AED5;
}

a:hover {
	color: #06AED5;
}

/*ページ内リンクを無効化*/
.no-links{
	pointer-events: none;
	cursor: default;
	text-decoration:none;
}

/*マウスオーバーで薄くならない*/
.botan:hover{
	opacity: 1;
}

.botan{
	transition: none;
}

/*PC版非表示でスマホ版表示*/
.sumaho{
	display: inline;
}

/*PC版表示でスマホ版非表示*/
.pc{
	display: none;
}

/*--------折り畳み----------*/

/*
label {
	display: block;
	background-color: #70f9a1;
	color: #fff; padding: 10px;
	text-align:center;
}
label:hover{
	background-color:#6aec99;
}
*/

input[type="checkbox"].cssacc{
	display: none;
}

.accshow{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 1.0s;
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
li{
	margin:10px 0;
	color:#666666;
	border-bottom:dashed 1px #d6dddf;
}
*/

input[type="checkbox"].cssacc + .accshow{
	height: 0;
	overflow: hidden;
}
input[type="checkbox"].cssacc:checked + .accshow{
	height: auto;
	padding: 10px 0;
	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}



/*
.accbox {
    max-width: 100%;
}

.accbox input{
	display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;/
    transition: all 1.0s;
}

.cssacc:checked + .accshow {
    height: auto;
    opacity: 1;
}
*/

}